<template>
  <div class="definite">
    <u-navbar
      :is-back="true"
      :custom-back="BackM"
      title="编辑员工信息"
      back-text=""
    >
    </u-navbar>
    <div class="em_message">
      <div class="em_me">·员工账号信息·</div>
    </div>
    <div class="em_message" style="display: flex;align-items: center;" >
      <span class="em_name em">员工姓名：</span>
      <span class="name em">
        <u-input v-model="value" :type="type" :border="border" />
      </span>
    </div>
    <div class="em_message" style="display: flex;align-items: center;"  >
      <span class="em_phone em">员工手机号：</span>
      <span class="phone em">
      <u-input v-model="value" :type="type" :border="border" />
      </span>
    </div>
    <div class="em_message" style="margin-top: 0.3rem">
      <span class="em_me">·员工是否享受剩余分润(除去商户)·</span>
      <span>
        <img class="em_img" src="../../../style/image/my/A30.png" alt="" />
      </span>
    </div>
    <div class="des">
      注：当前设置为否，您设置的员工铺货最高分润比例，扣除商户的分润，剩余部分将自动计算到您的账号
    </div>
    <div class="em_message" style="margin-top: 0.3rem">
      <span class="em_me">·员工铺货可设置最高分润·</span>
    </div>
    <div class="em_message"  style="display: flex;align-items: center;" >
      <span class="em_name em">分润比例(%)：</span>
      <span class="em">
      <u-input v-model="value" :type="type" :border="border" />
      </span>
    </div>
    <div class="des">
      注：员工若设置分润值要低于自己；如果员工无分润，扣除商户，剩余部分将计算给您的账户。
    </div>
    <div class="em_message" style="margin-top: 0.3rem">
      <span class="em_me">·员工是否有提现权限·</span>
      <span>
        <img class="em_img" src="../../../style/image/my/A30.png" alt="" />
      </span>
    </div>
    <div class="des">
      注：当前设置为否，员工无提现权限，员工分润将会保存在平台，可在员工列表中开启员工提现。
    </div>


    <!-- <div style="height: 2.47rem; background: #ffffff; margin-top: 0.3rem"></div> -->


    <!-- <button class="sure">确认保存</button> -->
      <view class="footP">
      <view
        @click="addPosM"
        style="padding: 0.7rem; display: flex; align-items: center"
      >
        <!-- <img style="width: 1rem;" src="../../style/image/cargo/add.jpg" alt=""> -->
        <view style="color: white; margin-left: 0.2rem">下一步</view>
      </view>
    </view>


  </div>
</template>

<script lang='ts' >
import { Component, Prop, Vue, Watch, Emit } from "vue-property-decorator";

@Component({
  //   @Component  是一个装修器   不可以在下面写语句
  name: "test",
})
export default class extends Vue {
  @Prop({
    type: String, // 父组件传递给子组件的数据类型
    required: false, // 是否必填
    default: " ", // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
  })
  
  msg!: string

  // value:string

  // public value:string=12


  BackM(){
    
  }

  created() {}

  mounted() {
    //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑
    //  uni.navigateTo({
    // url: './selectBusin'
    // });
  }
}
</script>

<style  scoped>
.definite {
  font-family: PingFang SC;
  background: #f3f5f7;
  height: 100%;
}
uni-page-body {
  height: 100%;
}
.em_message {
  position: relative;
  background: #ffffff;
  padding: 0.7rem 0.4rem;
  border-bottom: 0.04rem #ffe5e5e5 solid;
}
.em_me {
  font-size: 0.78rem;
  font-weight: 400;
  color: #000000;
}
.em {
  font-size: 0.7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.05rem;
}
.name {
  padding-left: 1.5rem;
}
.phone {
  padding-left: 0.7rem;
}
.em_img {
  width: 3rem;
  height: 1.5rem;
  position: absolute;
  top: 0.6rem;
  right: 0.5rem;
}
.des {
  font-size: 0.6rem;
  font-weight: 300;
  color: #000000;
  background: #ffffff;
  padding: 0.4rem;
}
.sure {
  height: 2.5rem;
  line-height: 2.5rem;
  color: #ffffff;
  background: #02af74;
  border-radius: 0;
  cursor: pointer;
}

.footP {
  position: absolute;
  bottom: 0;
  background-color: #02af74;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

uni-button:after {
  border-radius: 0;
}
</style>